<template>
  <div class="managerPages">
    <div class="menu">
      <el-row>
        <el-col :span="3">项目编号</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
        <el-col :span="6" :offset="1">
          创建人： 曹宏
        </el-col>
        <el-col :span="6">
          当前负责人：吴云龙
        </el-col>

      </el-row>
      <el-row>
        <el-col :span="3">项目名称</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
        <el-col :span="3" :offset="2">合同编号</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="3">归属分社</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
        <el-col :span="3" :offset="2">分社对接</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="3">项目概述</el-col>
        <el-col :span="21"><el-input v-model="input" type="textarea" readonly resize="none" :rows="5"></el-input></el-col>
      </el-row>
      <el-row>
        <el-col :span="3">项目周期</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
        <el-col :span="2" style="textAlign:center">~</el-col>
        <el-col :span="8">
          <el-input v-model="input" readonly></el-input>
        </el-col>
      </el-row>
    </div>
    <div class="lookBox">
      <div @click="toAdjust">立即安排</div>
    </div>
  </div>
</template>

  <script>
    export default {
       data() {
        return {
          active: 0,
          input:''
        };
      },
      methods:{
        toAdjust(){
          this.$router.push("/adjustProject")
        }
      }
    }
  </script>

<style lang="scss" scoped>
.managerPages{
  padding: 20px;
  .menu{
    width: 884px;
    height: 413px;
    .el-row{
      display: flex;
      align-items: center;
      margin-top: 10px;
    }
  }
  .lookBox{
    width: 884px;
    display: flex;
    justify-content: center;
    align-items: center;
    div{
      width: 162px;
      height: 49px;
      text-align: center;
      line-height: 49px;
      background: #d7d7d7;
    }
  }
}
</style>